{% extends "paned.html" %}

{% block title %} OCRopodium - {{batch.name}} {% endblock %}

{% block headercss %}
    <link rel="stylesheet" href="/static/css/generic.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/static/css/multi_filter_list.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/static/css/batch_widget.css" type="text/css" media="screen" />
{% endblock %}


{% block widget %}
	<script type='application/javascript' src='/static/js/batch/show.js'></script>
	<script type='application/javascript' src='/static/js/multi_filter_list.js'></script>
	<script type='application/javascript' src='/static/js/batch_widget.js'></script>
    <script id="row_template" type="text/x-jquery-tmpl">
    <div class="batch_task ui-helper-clearfix" style="" data-index="${index}" href="#">
        <a href="#" class="page_name">Loading...</a>                
        <div class="batch_controls_right">
            <div class="progressbar_container">
                <span class="progressbar success">
                    <span class="progress" style="width: 0%; " title="0%"></span>
                </span>
            </div>
            <a href="#"
                    class="ui-state-default ui-corner-all button_link ui-icon ui-icon-circle-close abort_task"
                    title="Abort Task"></a>
            <a href="#"
                    class="ui-state-default ui-corner-all button_link ui-icon ui-icon-refresh retry_task"
                    title="Retry Task"></a>
            <span class="page_info">Lines: </span>
        </div>
    </div>
    </script>

    {% include "batch/includes/show_batch.html" %}
    {% if batch %}
        <form id="batch_form" action="{{request.path}}" >
            <input type="hidden" name="batch_id" value="{{batch.pk}}" id="batch_id" />
            <input type="hidden" name="batch_type" value="{{batch.task_type}}" id="batch_type" />
        </form>
    {% endif %}
{% endblock widget %}




{% block sidebarheader %}
    Batch Info
{% endblock sidebarheader %}
{% block sidebarcontent %}
    <div id="batch_manage" class="ui-layout-center">
        <h3><a href="#">{{batch.name}}</a></h3>
        <div class="batch_info">
            <table class="object_detail object_list"> 
                {% include "includes/generic_detail_body_table.html" with object=batch fields=fields %}
            </table>
        </div>        
    </div>
{% endblock %}
